<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui"
                template="/templates/template.xhtml"
                >
<ui:define name="Content">
		<h:form>
			<p:dataTable id="activos" value="#{activoTable.obtener_activos()}" var="var_activo" rowKey="#{var_activo.id}" selection="#{activoTable.selected_activo}" selectionMode="single">
				<p:ajax event="rowSelect" listener="#{activoTable.onRowSelect()}"/>
				<p:ajax event="rowUnselect" listener="#{activoTable.onRowUnselect()}"/>
				
				<f:facet name="header">
					<p:outputLabel value="#{user.view_area()}"/>
				</f:facet>
				
				<p:column headerText="ID">  
            		#{var_activo.id}  
        		</p:column>
        		
        		<p:column headerText="NOMBRE">  
            		#{var_activo.nombre}  
        		</p:column>
				
				<p:column headerText="MARCA">  
            		#{var_activo.marca}  
        		</p:column>
        		
        		<p:column headerText="SBN">  
            		#{var_activo.sbn}  
        		</p:column>
        		
        		<p:column headerText="SERIAL">  
            		#{var_activo.serial}  
        		</p:column>
        		
        		<f:facet name="footer">  
            		<p:commandButton id="update_activo" value="Ver Activo" icon="ui-icon-search"/>
        		</f:facet> 
			</p:dataTable>
		</h:form>
		<p:commandButton id="add_activo" value="Agregar Activo" icon="ui-icon-plusthick" actionListener="#{activoTable.new_activo}"/> 
		
</ui:define>
</ui:composition>